<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/Main/Css/Fm_Join.css" />
<script src="/KOMORIUTA/Main/FirstMain/Fm_Join.js" type="text/JavaScript"></script>
<script src="/KOMORIUTA/Main/FirstMain/jquery.js" type="text/JavaScript"></script>
<script src="/KOMORIUTA/Main/FirstMain/Fm_Post.js" type="text/JavaScript"></script>
<script src="/KOMORIUTA/Main/FirstMain/jquery.maskedinput-1.2.2.js" type="text/JavaScript"></script>
<script src="/KOMORIUTA/Main/FirstMain/jquery.alphanumeric.pack.js" type="text/JavaScript"></script>
<style type="text/css">
	a:link, a:visited, a:active{color: white; text-decoration:none;}
	select {
	FONT-SIZE: 12pt; COLOR: black; LINE-HEIGHT: 160%;
	}
	th{
	font-size:20px; 
	}
</style>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body onload="javascript:gogogo();">
<form id="MemJoin" method="post" action="/KOMORIUTA/MemberJoinAction.do?action_code=join&num=2">
  <table cellspacing="0" cellpadding="0" width="100%" style="border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; font-size: 16px;">
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle;  border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
      	<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >希望ID
      </th>
      <th align="left" width="38%" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
        <input type="text" name="Mem_Nick" id="Mem_Nick" value=""/>
        <input type="image" value="検索"  onClick="check();return false;" onfocus="check(this);" src="<%=request.getContextPath() %>/Main/image/search.png" />
      </th>
      
      
      <th style="border-bottom: 1px solid #e5e5e5;" align="left">
      	<div id="check01" class="warning">使われます。</div>
        <div id="check02" class="warning">もうあるIDでぞざいます。</div>
        <div id="check03" class="warning">IDを入力してください。</div>
      </th>
    </tr>
      
    <tr class="odd"> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle;  border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
      	<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >パスワード
      </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
        <input type="password" name="Mem_Pass" id="Mem_Pass" onfocus="check(this);"/>
      </th>
      <th colspan="1" style="border-bottom: 1px solid #e5e5e5;"align="center"><div id="check05" class="warning">パスワードを入力してください。</div></th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle;  border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
      	<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >パスワード確認
      </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
        <input type="password" id="repass"/>
      <div id="check17" align="center" class="warning">パスワードが同じではございません。</div>
      </th>
      <th colspan="1" align="left" style="border-bottom: 1px solid #e5e5e5; vertical-align: middle; ">
      	<div id="check08" class="warning">パスワードを入力してください。</div><br/>
      	※確認の為、もう一度パスワードを入力してください
      </th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle;  border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
      	<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >パスワード質問
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <select name="Mem_Question" id="question">
            <option value="0">質問を選んでください。</option>
            <option value="1">初恋のお名前は？</option>
            <option value="2">大切にする宝は？</option>
            <option value="3">好きな色は？</option>
            <option value="4">ご両親の名前は？</option>
            <option value="5">嫌いなものは？</option>
          </select>
      </th>
      <th colspan="1" style="border-bottom: 1px solid #e5e5e5;"align="left"><div id="check06" class="warning">質問を選んでください。</div></th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
     	 <img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >パスワード答え
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
          <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <input type="text" name="Mem_Answer" id="answer" />
      </th>
      <th colspan="1" style="border-bottom: 1px solid #e5e5e5;" align="left"><div id="check07" class="warning">答えを入力してください。</div></th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
     	<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >種類
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <input type="radio" checked name="Mem_Level" id="level" value="1">
          <font size="-1"> 
          <label for="ui_gender_male">求人側</label>
          </font>&nbsp;&nbsp; 
          
      <th colspan="1" style="border-bottom: 1px solid #e5e5e5;">&nbsp;</th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
		<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >お名前(漢字)
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5; vertical-align: middle; ">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">&nbsp;お名前
		<input type="text" name="Mem_NameK" id="namek" size="15"/>
	  </th>
      <th colspan="1" align="left" style="border-bottom: 1px solid #e5e5e5; vertical-align: middle; ">
		<div id="check09" class="warning">お名前を書いてください。</div><br/>
		全角文字にて入力してください
	  </th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
		<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >ふりがな
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5; vertical-align: middle; ">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">&nbsp;お名前
          <input type="text" name="Mem_NameH" id="nameh" size="15"/>
		</th>
      <th colspan="1" align="left" style="border-bottom: 1px solid #e5e5e5; vertical-align: middle; ">
		<div id="check10" class="warning">お名前を書いてください。</div><br/>
		全角文字にて入力してください
	  </th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle;  border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
     	 <img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >生年月日
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5; vertical-align: middle; ">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <input type="text" name="Mem_Year" id="year" size="5" maxlength="4" /> 
          年
          <select name="Mem_Month" id="month">
            <option value="0" >選択</option>
            <option value="1">１</option>
            <option value="2">２</option>
            <option value="3">３</option>
            <option value="4">４</option>
            <option value="5">５</option>
            <option value="6">６</option>
            <option value="7">７</option>
            <option value="8">８</option>
            <option value="9">９</option>
            <option value="10">１０</option>
            <option value="11">１１</option>
            <option value="12">１２</option>
          </select>
      月
          <select name="Mem_Day" id="day">
            <option value="0">選択</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
          </select>
   日
      </th>
      <th colspan="1" align="left" style="border-bottom: 1px solid #e5e5e5; vertical-align: middle; ">
		※年は半角数字で西暦(4桁)を入力してください
	  </th>
    </tr>
    
    <tr> 
       <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle;  border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
      	<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >郵便番号
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <input type="text" readonly onclick="postcheck();" value="" name="Mem_Fpost" id="post1" size="5" maxlength="4"/>
          &nbsp;-&nbsp; 
          <input type="text" readonly onclick="postcheck();" value="" name="Mem_Spost" id="post2" size="5" maxlength="4"/>
        <a href="javascript:postcheck();">
			<img alt="" src="<%=request.getContextPath() %>/Main/image/search.png">
		</a>	
      </th>
      <th colspan="1" align="left" style="border-bottom: 1px solid #e5e5e5; vertical-align: middle; ">
		<div id="check11" class="warning">郵便番号を書いてください。</div><br/>
		※半角数字にて入力してください
	  </th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
		<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >ADDRESS1
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <input type="text" value="" readonly onclick="postcheck();" name="Mem_Address1" id="address1" size="30"/>
      </th>
      <th colspan="1" style="border-bottom: 1px solid #e5e5e5;">&nbsp;</th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
		<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >ADDRESS2
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <input type="text" value=""  name="Mem_Address2" id="address2" size="30"/>
      </th>
      <th colspan="1" style="border-bottom: 1px solid #e5e5e5;"align="center"><div id="check12" class="warning">住所を書いてください。</div></th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle;  border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
		<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >電話番号
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <input type="text" name="Mem_Phone" id="phone" maxlength="20"/>
     	  
      </th>
      <th colspan="1" style="border-bottom: 1px solid #e5e5e5;"align="left">99-9999-9999<div id="check13" class="warning">電話番号を入力してください。</div></th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle;  border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
      	<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >携帯番号
      </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <input type="text" name="Mem_Mobile" id="mphone" maxlength="20"/>
           
        </th>
      <th colspan="1" style="border-bottom: 1px solid #e5e5e5;"align="left">999-9999-9999<div id="check14" class="warning">携帯電話番号を書いてください。</div></th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
		<img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank.png" >FAX
	  </th>
      <th align="left" style="border-bottom: 1px solid #e5e5e5;">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <input type="text" name="Mem_Fax" id="fax" maxlength="20"/>
      </th>
      <th colspan="1" style="border-bottom: 1px solid #e5e5e5;">&nbsp;</th>
    </tr>
    
    <tr> 
      <th scope="col" width="25%" bgcolor="#f9f9f9" height="30" align="left" style=" vertical-align: middle;  border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5">
		<img alt="" src="<%=request.getContextPath() %>/Main/image/check.png" >E-MAIL
	  </th>
      <th align="left">
        <img alt="" src="<%=request.getContextPath() %>/Main/image/check_blank2.png">
          <input type="text" name="Mem_Email" id="email" maxlength="20"/>
      </th>
      <th colspan="1" style="border-bottom: 1px solid #e5e5e5;" align="left"><div id="check15" class="warning">メールを入力してください。</div></th>
    </tr>
  </table>
  
  <table align="center">
  	<tr>
    	<th><br/>
    		<div id="Join" align="center"><a href="javascript:join()"><img alt="" src="<%=request.getContextPath() %>/Main/image/next.png"></img></a></div>
    	</th>
    	<th><br/>
    		<div id="Cancel" align="center"><a href="javascript:history.go(-1)"><img alt="" src="<%=request.getContextPath() %>/Main/image/before.png"></img></a></div>
    	</th>
    </tr>
  </table>
</form>
</body>
</html>
